Ext.define('NP.view.ActivityProgress.ActivityProgress' ,{
	extend: 'Ext.form.Panel',
    alias: 'widget.activityProgress',
    id: 'panelActivityProgress',
    border: false,
    //title: 'Activity Progress',
    items:[{
    	xtype : 'gridpanel',
    	id: 'tabel_activityProgress',
		//title : 'Activity Tracking',
    	height: 500/768 * screen.height,
    	width : 1150/1366 * screen.width,
    	//style: 'margin:0 auto; margin-top:25px;',
    	selType: 'checkboxmodel',
		autoScroll : true,
		store: 'ActivityProgress.ActivityProgress',
		columns:[
		         {xtype: 'rownumberer', text : 'No', width: 40, align : 'center'},
		         {text : 'Directorat', dataIndex : 'directorat', align : 'center', editor : 'textfield', width : 120},
		         {text : 'Group', dataIndex : 'group', align : 'center', editor : 'textfield', width : 120},
		         {text : 'Section', dataIndex : 'section', align : 'center', editor : 'textfield', width : 120}
		],
		dockedItems : [{
			xtype : 'pagingtoolbar',
			dock : 'bottom',
			store : 'ActivityProgress.ActivityProgress',
			displayInfo : true
		},{
            xtype: 'toolbar',
            dock: 'top',
            items: [{
    			xtype : 'form',
    			//reference : 'formNodinUploadIcm',
    			id: 'formNodinUploadIcm',
    			width : 101,
    			//margin : '5 5 5 0',
    			
    			items : {
    				xtype : 'fileuploadfield',
    				//id: 'actProgUpload',
    				name: 'actProgUpload',
    				buttonOnly : true,
    				hideLabel : true,
    				buttonText : 'Upload Activity',
    				margin: '0 0 0 0',

    				listeners : {
    					change : function() {
    						uploadActivityProgress();
    					}
    				}
    			}
    		},{
            	xtype: 'button',
    			//name: 'editNod',
    			id: 'actProgDownload',
    			text: 'Download Activity',
    			//disabled : 'true',
    			//handler: 'editNodin'
            }]
		}],
		plugins: {
	        ptype: 'cellediting',
	        clicksToEdit: 1,
		}
    }]
});